﻿
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=RYvh3uywSDQYzaoIOiFntTnh"></script>
    <script src="//cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
    <style>
        .leftdiv {
            width: 302px;
            float: left;
        }

        .rightdiv {
            width: 302px;
            float: left;
            height: 355px;
            background-color: #efefef;
        }

        .tj_right ul {
            -webkit-padding-start: 0;
            padding: 0;
            margin: 10px 0 0 10px;
        }

            .tj_right ul li {
                font-size: 11px;
            }

                .tj_right ul li input[type=text] {
                    box-sizing: border-box;
                    width: 100%;
                    height: 24px;
                    padding: 4px;
                }

        .tj_right_bg table {
            margin-top: 10px;
        }

        #allmap {
            width: 300px;
            height: 300px;
        }

        .tj_right_bg {
            font-size: 11px;
        }

            .tj_right_bg ul {
                margin-top: 0px;
            }

        .pull-right {
            padding-top: 5px;
        }

        .u-page a {
            padding-left: 5px;
        }

        .tj_right ul li {
            position: relative;
            list-style: none;
            height: 28px;
            line-height: 28px;
            display: inline-block;
            color: #666;
            font-size: 14px;
        }

        .tj_right ul .li-name {
            /*width: 24%;*/
            padding-left: 10px;
        }

        .tj_right ul .li-input {
            width: 70%;
        }

        .tj_right ul .li-input2 {
            width: 33%;
        }

        .tj_right ul .li-input3 {
            width: 34%;
            padding-left: 1px;
        }

        .tj_right div {
            white-space: nowrap;
            /*float: left;*/
        }

        .openera {
            cursor: pointer;
            color: #68c500;
        }

        #btnadd {
            background-color: #45b035;
            color: #ffffff;
            border: 0;
            height: 30px;
            width: 100px;
            border-radius: 3px;
            font-size: 14px;
            margin-left: 13px;
        }

        #btnsave, #reset {
            background-color: #45b035;
            color: #ffffff;
            border: 0;
            height: 30px;
            width: 114px;
            border-radius: 3px;
            margin-top: 7px;
            font-size: 14px;
        }

        #btndel {
            background-color: #ccc;
            color: #ffffff;
            border: 0;
            height: 30px;
            width: 60px;
            border-radius: 3px;
        }

        .search-address {
            background-color: #68c500;
            color: #ffffff;
            border: 0;
            width: 80px;
            margin-top: 3px;
            height: 30px;
            border-radius: 3px;
        }

        #mapedit {
            position: absolute;
            top: 0;
            left: 10px;
        }

        .maplist {
            width: 100%;
            padding: 10px 5px 0 0;
        }

        .li-bottom-color p {
            margin: 0 10px;
            line-height: 20px;
            height: 20px;
            font-size: 14px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 270px;
        }

        #successTip {
            margin-top: 0px;
            color: #ffffff;
            background-color: #68c500;
            height: 65px;
            line-height: 65px;
            position: absolute;
            opacity: 1;
            z-index: 999;
            border-radius: 5px;
            width: 100%;
            text-align: center;
            pointer-events: none;
        }

        .li-bottom-color p span {
            line-height: 20px;
            height: 20px;
            display: inline-block;
            font-size: 14px;
        }

        .li-bottom-color {
            border-bottom: 1px solid #e6e6e6;
            padding: 10px 0px;
            margin: 0 10px;
        }

            .li-bottom-color p .info {
                width: 80%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        .divaddress img {
            margin-bottom: 10px;
        }

        /* .divaddress {
                border: 1px solid rgb(169, 169, 169);
                background-color: #ffffff;
                margin-top: 5px;
                height: 45px;
            } */

        .add-search__list {
            box-sizing: border-box;
            /*overflow-y: auto;*/
            position: absolute;
            z-index: 1;
            width: 204px;
            height: auto;
            /*max-height: 200px;*/
            padding: 0;
            background-color: #fff;
        }

            .add-search__list .add-search__item {
                display: block;
                height: auto;
                padding: 4px;
                font-size: 12px;
                line-height: 1;
                cursor: pointer;
            }

                .add-search__list .add-search__item:hover,
                .add-search__list .add-search__item.active {
                    background-color: #4a4;
                }

                .add-search__list .add-search__item .title {
                    margin: 0;
                    color: #000;
                }

                .add-search__list .add-search__item .area {
                    width: 110%;
                    margin: 3px 0 0;
                    color: #999;
                    white-space: normal;
                    -webkit-transform: scale(0.9);
                    transform: scale(0.9);
                    -webkit-transform-origin: left;
                    transform-origin: left;
                }

                .add-search__list .add-search__item:hover .title,
                .add-search__list .add-search__item.active .title,
                .add-search__list .add-search__item:hover .area,
                .add-search__list .add-search__item.active .area {
                    color: #fff;
                }

        .add-search__loader {
            display: none;
            position: absolute;
            right: 4px;
            bottom: 5px;
            width: 15px;
            height: 15px;
        }
    </style>

    <title></title>
</head>
<body style="margin:0px 0 0 0px">
    <input type="hidden" id="addressCount" value="0" />
    <div style="width:302px;height:300px;">
        <p style="opacity:0" id="successTip">添加成功！</p>
        <div class="maplist" id="maplist">
            <div><label class="checkall" style="display:none"><input type="checkbox" id="allcheck" onclick="checkall();" /><span>全选</span></label> <input type="button" id="btnadd" onclick="addmapdata();" value="添加店铺" /> <input id="btndel" type="button" value="删除" onclick="addressDels();" style="font-size:11px;display:none" />  </div>
            <div class="tj_right_bg">
                <ul class="maplist"></ul>


            </div>
        </div>
        <div class="mapedit" id="mapedit">
            <div class="leftdiv"><div id="allmap"></div></div>
            <div class="rightdiv">
                <div class="tj_right">
                    <form action="/map/mapdatasave" method="post">
                        <ul>
                            <li class="li-name"><input type="hidden" id="Id" />名称：</li>
                            <li class="li-input">
                                <input type="text" id="name" name="name" placeholder="店铺名称" />
                            </li>
                            <li class="li-name">电话：</li>
                            <li class="li-input">
                                <input placeholder="联系电话" type="text" name="tel" id="tel" />
                            </li>
                            <li class="li-name">省市：</li>
                            <li class="li-input2">
                                <select style="width: 99px; height: 24px;color: #000; " name="Province" id="Province" class="prov" onchange="setProvince();">
                                    <option value="0">请选择</option>
                                    <option value="北京">北京</option>
                                    <option value="上海">上海</option>
                                    <option value="天津">天津</option>
                                    <option value="重庆">重庆</option>
                                    <option value="河北省">河北省</option>
                                    <option value="山西省">山西省</option>
                                    <option value="辽宁省">辽宁省</option>
                                    <option value="吉林省">吉林省</option>
                                    <option value="黑龙江省">黑龙江省</option>
                                    <option value="江苏省">江苏省</option>
                                    <option value="浙江省">浙江省</option>
                                    <option value="安徽省">安徽省</option>
                                    <option value="福建省">福建省</option>
                                    <option value="江西省">江西省</option>
                                    <option value="山东省">山东省</option>
                                    <option value="河南省">河南省</option>
                                    <option value="湖北省">湖北省</option>
                                    <option value="湖南省">湖南省</option>
                                    <option value="广东省">广东省</option>
                                    <option value="海南省">海南省</option>
                                    <option value="四川省">四川省</option>
                                    <option value="贵州省">贵州省</option>
                                    <option value="云南省">云南省</option>
                                    <option value="陕西省">陕西省</option>
                                    <option value="甘肃省">甘肃省</option>
                                    <option value="青海省">青海省</option>
                                    <option value="内蒙古">内蒙古</option>
                                    <option value="广西">广西</option>
                                    <option value="西藏">西藏</option>
                                    <option value="宁夏">宁夏</option>
                                    <option value="新疆">新疆</option>
                                    <option value="香港">香港</option>
                                    <option value="澳门">澳门</option>
                                    <option value="台湾">台湾</option>
                                </select>
                            </li>
                            <li class="li-input3">
                                <select class="city" style="width: 99px; height: 24px;color: #000; " name="City" id="city" onchange="setCity(this);">
                                    <option value="">请选择</option>
                                </select>
                            </li>
                            <li class="li-name">
                                地址：
                            </li>
                            <li class="li-input">
                                <div class="divaddress">
                                    <!-- <textarea id="address" style="width: 130px; height: 40px;border: none;" name="address" title="详细地址，填完点击“搜索地址”查看地址在地图上的位置是否正确" placeholder="详细地址，具体到街道门牌号"></textarea><img src="http://s.res.zydsp.com.cn/scene-editor/images/suo.png" onclick="addressSearch();" /> -->
                                    <input id="address" type="text" autocomplete="off" placeholder="详细地址" style="padding-right: 20px;">
                                    <ol class="add-search__list"></ol>
                                </div>
                                <img class="add-search__loader" src="http://s.res.zydsp.com.cn/scene-editor/images/loading-map.gif">
                            </li>
                            <li style="padding-left: 20px;padding-top: 20px;">
                                <div>
                                    <input type="button" onclick="submitForm();" class="sub" value="添加" id="btnsave" />  <input type="reset" style="margin-left: 10px;" class="sub" value="店铺列表" id="reset" onclick="resetForm();" />  <input type="hidden" name="longitude" id="lng" value="" />
                                    <input type="hidden" name="latitude" id="lat" value="" />
                                </div>
                            </li>
                        </ul>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>
<script language="javascript">
    var cities = {
        '北京': ['北京'],
        '上海': ['上海'],
        '天津': ['天津'],
        '重庆': ['重庆'],
        '河北省': ['石家庄', '保定', '沧州', '承德', '邯郸', '衡水', '廊坊', '秦皇岛', '唐山', '邢台', '张家口'],
        '山西省': ['太原', '长治', '大同', '晋城', '晋中', '临汾', '吕梁', '朔州', '忻州', '阳泉', '运城'],
        '辽宁省': ['沈阳', '鞍山', '本溪', '朝阳', '大连', '丹东', '抚顺', '阜新', '葫芦岛', '锦州', '辽阳', '盘锦', '铁岭', '营口'],
        '吉林省': ['长春', '白城', '白山', '吉林市', '辽源', '四平', '松原', '通化', '延边'],
        '黑龙江省': ['哈尔滨', '大庆', '大兴安岭地区', '鹤岗', '黑河', '鸡西', '佳木斯', '牡丹江', '七台河', '齐齐哈尔', '双鸭山', '绥化', '伊春'],
        '江苏省': ['南京', '常州', '淮安', '连云港', '南通', '苏州', '宿迁', '泰州', '无锡', '徐州', '盐城', '扬州', '镇江'],
        '浙江省': ['杭州', '湖州', '嘉兴', '金华', '丽水', '宁波', '衢州', '绍兴', '台州', '温州', '舟山'],
        '安徽省': ['合肥', '安庆', '蚌埠', '亳州', '巢湖', '池州', '滁州', '阜阳', '淮北', '淮南', '黄山', '六安', '马鞍山', '宿州', '铜陵', '芜湖', '宣城'],
        '福建省': ['福州', '龙岩', '南平', '宁德', '莆田', '泉州', '三明', '厦门', '漳州'],
        '江西省': ['南昌', '抚州', '赣州', '吉安', '景德镇', '九江', '萍乡', '上饶', '新余', '宜春', '鹰潭'],
        '山东省': ['济南', '滨州', '东营', '德州', '菏泽', '济宁', '莱芜', '聊城', '临沂', '青岛', '日照', '泰安', '威海', '潍坊', '烟台', '枣庄', '淄博'],
        '河南省': ['郑州', '安阳', '鹤壁', '焦作', '开封', '洛阳', '漯河', '南阳', '平顶山', '濮阳', '三门峡', '商丘', '新乡', '信阳', '许昌', '周口', '驻马店'],
        '湖北省': ['武汉', '鄂州', '恩施', '黄冈', '黄石', '荆门', '荆州', '潜江', '神农架林区', '十堰', '随州', '天门', '仙桃', '咸宁', '襄阳', '孝感', '宜昌'],
        '湖南省': ['长沙', '株洲', '湘潭', '岳阳', '常德', '郴州', '衡阳', '怀化', '娄底', '邵阳', '湘西州', '益阳', '永州', '张家界'],
        '广东省': ['广州', '潮州', '东莞', '佛山', '河源', '惠州', '江门', '揭阳', '茂名', '梅州', '清远', '汕头', '汕尾', '韶关', '深圳', '阳江', '云浮', '湛江', '肇庆', '中山', '珠海'],
        '海南省': ['海口', '白沙', '保亭', '昌江', '儋州', '澄迈', '东方', '定安', '琼海', '琼中', '乐东', '临高', '陵水', '三亚', '屯昌', '万宁', '文昌', '五指山'],
        '四川省': ['成都', '阿坝州', '巴中', '达州', '德阳', '甘孜州', '广安', '广元', '乐山', '凉山州', '泸州', '南充', '眉山', '绵阳', '内江', '攀枝花', '遂宁', '雅安', '宜宾', '资阳', '自贡'],
        '贵州省': ['贵阳', '安顺', '毕节地区', '六盘水', '铜仁地区', '遵义', '黔西南州', '黔东南州', '黔南州'],
        '云南省': ['昆明', '保山', '楚雄州', '大理州', '德宏州', '迪庆州', '红河州', '丽江', '临沧', '怒江州', '普洱', '曲靖', '昭通', '文山', '西双版纳', '玉溪'],
        '陕西省': ['西安', '安康', '宝鸡', '汉中', '商洛', '铜川', '渭南', '咸阳', '延安', '榆林'],
        '甘肃省': ['兰州', '白银', '定西', '甘南州', '嘉峪关', '金昌', '酒泉', '临夏州', '陇南', '平凉', '庆阳', '天水', '武威', '张掖'],
        '青海省': ['西宁', '果洛州', '海东地区', '海北州', '海南州', '海西州', '黄南州', '玉树州'],
        '内蒙古': ['呼和浩特', '阿拉善盟', '包头', '巴彦淖尔', '赤峰', '鄂尔多斯', '呼伦贝尔', '通辽', '乌海', '乌兰察布', '锡林郭勒盟', '兴安盟'],
        '广西': ['南宁', '百色', '北海', '崇左', '防城港', '桂林', '贵港', '河池', '贺州', '来宾', '柳州', '钦州', '梧州', '玉林'],
        '西藏': ['拉萨', '阿里地区', '昌都地区', '林芝地区', '那曲地区', '日喀则地区', '山南地区'],
        '宁夏': ['银川', '固原', '石嘴山', '吴忠', '中卫'],
        '新疆': ['乌鲁木齐', '阿拉尔', '阿克苏地区', '阿勒泰地区', '巴音郭楞', '博尔塔拉州', '昌吉州', '哈密地区', '和田地区', '喀什地区', '克拉玛依', '克孜勒苏州', '石河子', '塔城地区', '图木舒克', '吐鲁番地区', '五家渠', '伊犁州'],
        '香港': ['香港'],
        '澳门': ['澳门'],
        '台湾': ['台北', '高雄', '台中', '台南', '新北', '基隆', '新竹', '嘉义']
    };

    // 参考：百度地图JavaScript API
    var map = new BMap.Map("allmap");  // 创建地图实例
    var point = new BMap.Point(116.391398, 39.897445);  // 创建点坐标

    // 创建地址解析器实例
    // 地址解析：提供将地址信息转换为坐标点信息的服务
    var myGeo = new BMap.Geocoder();

    // 创建地图标注点实例并添加地图标注
    var marker = new BMap.Marker(point);
    map.addOverlay(marker);

    map.centerAndZoom(point, 11);  // 地图中心点和地图级别
    map.enableScrollWheelZoom(true);  // 允许鼠标滚轮缩放
    // map.enableAutoResize();  // 这个是默认启用的

    map.addControl(new BMap.ScaleControl());  // 添加比例尺控件
    map.addControl(new BMap.NavigationControl());  // 添加平移缩放控件
    map.addControl(new BMap.OverviewMapControl());  // 添加缩略地图控件

    var cityName = getQueryString("city");  // 获取城市名字
    var SceneID = getQueryString("sceneID");  // 获取场景id
    var adds = [];  // 店铺地址信息
    var index = 0;  // 批量地址解析

    var Longitude;  // 经度
    var Latitude;  // 纬度

    var lng = $('#lng').val();
    var lat = $('#lat').val();

    // 初始化地图位置
    if (cityName) {
        map.setCenter(cityName);
    } else {
        // 获取用户所在的城市位置信息
        // 根据用户IP自动定位到城市
        // 参考：百度地图API - 类参考 - 服务类
        var myCity = new BMap.LocalCity();
        myCity.get(function (result) {
            cityName = result.name;
            point = new BMap.Point(result.center.lng, result.center.lat);
            map.centerAndZoom(point, 11);

            // 更新经纬度信息
            updatePointInfo(point);

            // 设置地图标注
            setMapMarker();

            // 根据经纬度设置地址
            setAddressFromPoint(true);
        });
    }

    // 地图已经定好位 貌似不需要以下代码
    /*if (lng && lat) {
        point = new BMap.Point(lng, lat);
        zoom = 14
    }*/

    // 显示地图或店铺列表
    if (getQueryString("tab") == "list" || +$('#addressCount').val()) {
        // 显示店铺列表
        resetForm();
    } else {
        // 显示地图
        addmapdata();
    }
    window.parent.document.getElementById('divditu_footer').style.display = "none";

    // 详细地址栏输入实时更新搜索列表
    var timeout;
    $('#address').on('input', function () {
        var _this = this;

        // 显示地址搜索loader
        $('.add-search__loader').show();

        clearTimeout(timeout);

        if (!_this.value) {
            // 隐藏地址搜索loader
            $('.add-search__loader').hide();
            $(document).unbind('keyup');
        }

        timeout = setTimeout(function () {
            updateAddressSearch(_this.value);
        }, 500);
    });

    // 参考：百度地图API - 开发指南 - 服务
    $('.add-search__list').on('click', '.add-search__item', function (event) {
        // 获取地址数据
        var info = $(event.currentTarget).data().info;

        // 更新经纬度信息
        updatePointInfo(info.point);

        $('#Province').val(info.province);

        // 更新省份和省份对应的市区信息
        // setProvince();

        $('#city').val(info.city);
        $('#address').val(info.title);
        $('.add-search__list').children().remove();

        // 设置地图中心和缩放层级
        map.centerAndZoom(info.point, 18);

        // 设置地图标注
        setMapMarker();
    });


    // 点击地图更新地址信息
    map.addEventListener("click", function (e) {
        // 更新经纬度信息
        updatePointInfo(e.point);

        // 清空地图上的标注并重新添加一个标注
        setMapMarker();

        // 根据经纬度设置地址
        setAddressFromPoint(false);
    });

    // 设置地图标注
    function setMapMarker() {
        map.clearOverlays();
        point = new BMap.Point(Longitude, Latitude);
        marker = new BMap.Marker(point);
        map.addOverlay(marker);
    }

    // 根据经纬度设置地址
    function setAddressFromPoint(needSetProvince) {
        myGeo.getLocation(new BMap.Point(Longitude, Latitude), function (result) {
            if (result) {
                $('#Province').val(result.addressComponents.province.replace('市', ''));

                // 更新省份和省份对应的市区信息
                if (needSetProvince) {
                    setProvince();
                }

                $('#city').val(result.addressComponents.city.replace('市', ''));
                $('#address').val(result.addressComponents.district + result.addressComponents.street + result.addressComponents.streetNumber);
            }
        });
    }

    // 获取搜索结果
    // 参考：百度地图API-示例DEMO-检索示例-本地检索的数据接口
    function updateAddressSearch(val) {
        var options = {
            onSearchComplete: function (results) {
                var $list = $('.add-search__list');
                var itemNode;

                // 移除搜索结果
                $list.children().remove();

                // 判断状态是否正确
                if (local.getStatus() == BMAP_STATUS_SUCCESS) {
                    // 添加搜索结果DOM
                    for (var i = 0, len = results.getCurrentNumPois() ; i < len; i++) {
                        itemNode = ['<li class="add-search__item">',
                                        '<p class="title">' + results.getPoi(i).title + '</p>',
                                        '<p class="area">' + results.getPoi(i).address + '</p>',
                                    '</li>'].join('');

                        $list.append(itemNode);

                        // 保存地址数据
                        // point 为经纬度坐标点对象
                        $($('.add-search__item')[i]).data('info', {
                            title: results.getPoi(i).title,
                            point: results.getPoi(i).point,
                            province: results.province.replace('市', ''),
                            city: results.city.replace('市', '')
                        });
                    }

                    // 隐藏加载标识
                    $('.add-search__loader').hide();

                    // 监听键盘事件
                    keyEventListener(results.getCurrentNumPois());
                }
            }
        };

        // 搜索
        var local = new BMap.LocalSearch(map, options);
        local.search(val);
    }

    // 监听键盘事件
    function keyEventListener(len) {
        // 索引值 = 搜索结果长度 - 1
        len -= 1;

        var $items = $('.add-search__item');
        var index = -1;

        $(document).on('keyup', function (event) {
            var address = $('#address').val();

            // 搜索内容为空
            if (!address) {
                // 隐藏地址搜索loader
                $('.add-search__loader').hide();
                return;
            }

            if (event.keyCode === 13 && index !== -1) {  // enter/回车键
                $($items[index]).trigger('click');
                $(document).unbind('keyup');
                return;
            }

            if (event.keyCode === 38) {  //上键
                if (index <= 0) return;

                index -= 1;
            } else if (event.keyCode === 40) {  // 下键
                if (index >= len) return;

                index += 1;
            }

            $($items).removeClass('active');
            $($items[index]).addClass('active');
        })
    }

    // 提交店铺信息
    function submitForm() {
        // 确定经纬度
        Latitude ? Latitude : Latitude = $('#lat').val();
        Longitude ? Longitude : Longitude = $('#lng').val();

        if (!Latitude || !Longitude) {
            alertfun("请在地图中标注具体地点！");
            return false;
        }

        // 确认电话号码格式
        var tel = $('#tel').val();
        if (!(/^(\d{10,11})|^((\d{7,8})|^(\d{5})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$/.test(tel))) {
            alertfun("电话号码格式不正确");

            $('#tel').focus();
            return false;
        }

        var serviceName = 'mapdatasave';
        var params = {
            tel: tel,
            address: $('#address').val(),  // 详细地址
            province: $('#Province').val(),  // 省份
            city: $('#city').val(),  // 城市
            name: $('#name').val(),  // 店铺名称
            sceneID: SceneID,  // 场景id
            Latitude: Latitude,  // 纬度
            Longitude: Longitude  // 经度
        }

        if ($('#btnsave').val() == '保存') {
            // 编辑状态下保存
            serviceName = 'mapdateedit';
            params['Id'] = $('#Id').val();
        }

        $.ajax({
            type: 'GET',
            url: '/map/' + serviceName + '?' + $.param(params)
        }).then(function (result) {
            if (result.result == 'true') {
                alertfun("保存成功！");
                location.href = location.href + "&tab=list";
            } else {
                alertfun("对不起，保存失败，请联系管理员！");
            }
        })
    }

    // 编辑店铺信息
    function editMapStore(id, name, tel, province, city, address, lat, lng) {
        // 显示地图 隐藏店铺信息
        addmapdata();

        // 更新经纬度信息
        updatePointInfo({ lng: lng, lat: lat });

        $('#tel').val(tel);
        $('#address').val(address);
        $('#Province').val(province);

        // 更新省份和省份对应的市区信息
        setProvince();

        $('#city').val(city);
        $('#name').val(name);
        $('#Id').val(id);
        $('#btnsave').val('保存');

        point = new BMap.Point(lng, lat);
        map.centerAndZoom(point, 17);
        map.addOverlay(new BMap.Marker(point));
    }

    // 删除店铺信息
    function delMapStore(id) {
        if (confirm("是否确定删除？")) {
            $.ajax({
                type: 'GET',
                url: '/map/delmap?id=' + id + '&sceneid=' + SceneID
            }).then(function (result) {
                result.result == 'true' ? location.reload() : alertfun("删除失败");
            })
        }
    }

    // 更新省份和省份对应的市区信息
    function setProvince() {
        var pv = $('#Province').val();

        $('#city')[0].length = 1;

        if (pv === '0' || !cities[pv]) return;

        var index;
        for (var i = 0, len = cities[pv].length; i < len; i++) {
            index = i + 1;

            city.options[index] = new Option();
            city.options[index].text = cities[pv][i];
            city.options[index].value = cities[pv][i];
        }

        // 直辖市只有一座城市，更新地图
        if (cities[pv].length === 1) {
            city.value = cities[pv][0];
            cityName = cities[pv][0];
            map.setCenter(cityName);

            // 根据城市名获取经纬度
            getPointFromCity(cityName);
        }
    }

    // 设置城市
    function setCity(city) {
        cityName = city.value;
        map.setCenter(cityName);
        getPointFromCity(cityName);
    }

    // 根据城市名获取经纬度
    function getPointFromCity(cityName) {
        myGeo.getPoint(cityName, function (result) {  // result === point
            if (result) {
                // 更新经纬度信息
                // updatePointInfo(result);

                // 设置地图标注
                setMapMarker();
            }
        })
    }

    // 从 url search 中获取键的对应值
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) {
            return unescape(r[2]);
        }
        return null;
    }

    // 更新经纬度信息
    function updatePointInfo(point) {
        Longitude = point.lng;  // 经度
        Latitude = point.lat;  // 纬度

        $('#lng').val(Longitude);
        $('#lat').val(Latitude);
    }

    // 提示消息
    function alertfun(txt) {
        $("#successTip").text(txt).animate({ opacity: '1' }, 17);
        $("#successTip").text(txt).animate({ opacity: '0' }, 3000);
    }

    // 显示店铺列表 隐藏地图
    function resetForm() {
        document.getElementById("btnsave").value = "添加";
        document.getElementById("mapedit").style.visibility = "hidden";
        document.getElementById("maplist").style.visibility = "visible";
    }

    // 显示地图 隐藏店铺列表
    function addmapdata() {
        document.getElementById("mapedit").style.visibility = "visible";
        document.getElementById("maplist").style.visibility = "hidden";
        window.parent.document.getElementById('divditu_footer').style.display = "none";
    }

    // 隐藏编辑标签
    function hideEditTag(event) {
        var evt = event || window.event;
        $(evt.target).find(".edit").hide();
    }

    // 显示编辑标签
    function showEditTag(event) {
        var evt = event || window.event;
        $(evt.target).find(".edit").show();
    }















    // 2016-6 ZX 重构代码
    // 下面的代码这次重构并没有用上
    /*function addressSearch(lat, lng) {
        var add = document.getElementById("address").value;
        var city = document.getElementById("city").value;
        if (!city) {
            alertfun("请先选择省份和城市。");
            return false;
        }
        if (!add) {
            alertfun("请先输入详细地址。");
            return false;
        }

        // 根据确切的经纬度来定位
        if (lat && lng) {
            setTimeout(function() {
                var point = new BMap.Point(lng, lat);
                map.centerAndZoom(point, 16);
                map.addOverlay(new BMap.Marker(point));
            }, 200);
            document.getElementById("lat").value = lat;
            document.getElementById("lng").value = lng;
        } else { // 根据地名来定位
            // 将地址解析结果显示在地图上,并调整地图视野
            myGeo.getPoint(add, function(point) {
                if (point) {
                    map.centerAndZoom(point, 16);
                    map.addOverlay(new BMap.Marker(point));
                    Latitude = point.lat;
                    document.getElementById("lat").value = Latitude;
                    Longitude = point.lng;
                    document.getElementById("lng").value = Longitude;
                } else {
                    alertfun("您选择地址没有解析到结果!");
                }
            }, city);
        }
    }

    //根据地图上的当前标记对象，清空屏幕上的标记，并重新添加一个标记
    function changeMarkerByMark(e) {
        map.removeOverlay(marker);
        point = new BMap.Point(e.target.getPosition());
        marker = new BMap.Marker(point);
        map.addOverlay(marker);
        document.getElementById("lng").value=e.target.getPosition().lng;
        document.getElementById("lat").value=e.target.getPosition().lat;
        // 根据坐标得到地址描述
        myGeo.getLocation(new BMap.Point(e.target.getPosition().lng, e.target.getPosition().lat), function (result) {
            if (result) {
                var ptemp = result.addressComponents.province;
                document.getElementById("Province").value = ptemp.replace("市", "");
                setProvince();
                var ctemp = result.addressComponents.city;
                document.getElementById("city").value = ctemp.replace("市", "").replace("地区", "");
                var atemp = result.address;
                document.getElementById("address").value = atemp.replace(ptemp, "").replace(ctemp, "");
            }
        });
    }

    function checkall() {
        var chkallchked = document.getElementById("allcheck").checked;
        var chk = document.getElementsByName("chk");
        for (var i = 0; i < chk.length; i++) {
            chk[i].checked = chkallchked;
        }
    }

    function addressDels(){
        if (confirm("是否确定删除？")) {
            var chks =  document.getElementsByName("chk");
            var ids="";
            for(var i=0;i<chks.length;i++){
                if(chks[i].checked){
                    ids +=chks[i].value+",";
                }
            }
            if(ids==""){
                alertfun("请至少选择一个要删除的地址。");
                return false;
            }
            var url = "/map/delmaps?ids=" + ids + "&sceneid=" + SceneID;
            var fun = function (data) {
                if (data.indexOf("true") > 0) {
                    alertfun("删除成功")
                    location.reload();

                } else {
                    alertfun("删除失败");
                }
            }
            ajaxGet(url, fun);
        }
    }

    var opts = {
        width: 250,     // 信息窗口宽度
        height: 90,     // 信息窗口高度
        enableMessage: false,
        title: "信息窗口"
    };

    function bdGEO() {
        var fullAdd = adds[index];

        if (fullAdd) {
            if (index < adds.length) {
                setTimeout(window.bdGEO, 400);
            }

            var add = fullAdd.split('#')[0];
            // 召陵区燕山路(111)#电话：1234567#33.565124,114.086121
            // 地址(店铺名)#电话：xxx#lat,lng
            // 根据经纬度来定位店铺
            var latlng = fullAdd.split('#')[2];
            if (latlng) {
                latlng = latlng.split(',');
                var address = new BMap.Point(latlng[1], latlng[0]);
                addMarker(address, add);
            } else {
                myGeo.getPoint(add, function (point) {
                    if (point) {
                        var address = new BMap.Point(point.lng, point.lat);
                        addMarker(address, add);
                    }
                }, cityName);
            }
        }
        index++;
    }

    // 创建地图标注
    function addMarker(point, content) {
        var mapMarker = new BMap.Marker(point);
        map.addOverlay(mapMarker);

        mapMarker.addEventListener('click', function(e) {
            opts.title = content.split("(")[1].split(")")[0];

            var p = e.target;
            var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
            var address = content.split("(")[0];
            var tel = getTel(content);
            var infoWindow = new BMap.InfoWindow("地址：" + address + tel, opts);  // 创建信息窗口对象

            map.openInfoWindow(infoWindow, point); //开启信息窗口
        });
    }

    function getTel(content) {
        var tel = "";
        for (var i = 0; i < adds.length; i++) {
            if (adds[i].indexOf(content) > -1) {
                if (adds[i].split("#").length > 0) {
                    tel = "\n\t<br/>" + adds[i].split("#")[1];
                }
            }
        }
        return tel;
    }*/
</script>
</html>
